<template lang="pug">
  ModuleWrapper(title="上报事件滚动列表")
    div.report-item(v-for="(item, index) in captureData" :key="index")
      div.title {{ item.title }}
      div.time {{ item.time }}
</template>

<script>
export default {
  name: "ModuleDetectionSurvey",
  data() {
    return {
      captureData: [
        {
          title: '测试数据1 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据2 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据3 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据4 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据5 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
        {
          title: '测试数据6 边界值守点发生偷越痕迹',
          time: '2021-5-6'
        },
      ],
    }
  },
  methods: {

  },
  mounted() {
  }
}
</script>

<style lang="scss" scoped>
.report-item {
  background-color: rgba(0, 73, 104, 0.15);
  display: flex;
  margin-bottom: rem(15);
  font-size: rem(16);
  align-items: center;
  color: #698B95;
  padding: 0 rem(20);
  position: relative;
  height: rem(44);

  &:before {
    content: '';
    display: block;
    @include size(rem(4), rem(44));
    background-color: #F07B5F;
    position: absolute;
    top: 0;
    left: 0;
  }

  .title {
    flex: 1;
  }
}
</style>
